<!DOCTYPE html>
<html>
<head>
	<title>{$site_name}</title>
	<meta charset="utf-8">
	<meta name="renderer" content="webkit"/>
    <meta name="force-rendering" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
    <script>/*@cc_on window.location.href="{:url('index/index/browser')}" @*/</script>

	<script type="text/javascript" src="{:_static()}/js/polyfill.min.js"></script>
	<!-- <script src="{:_static()}/cdn/jquery.min.3.2.1.js"></script> -->
	<!-- <script src="{:_static()}/cdn/vue.min.2.5.16.js"></script> -->
	<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/vue/2.5.16/vue.min.js"></script>
	{block name="style"}
	<!-- 这里允许在引入一些样式头部 -->
	{/block}
	<!-- 引入样式 -->
	<!-- <link rel="stylesheet" href="{:_static()}/cdn/element-ui.2.4.2.css"> -->
	<link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.4.2/theme-chalk/index.css">
	<!-- 引入组件库 -->
	<!-- <script src="{:_static()}/cdn/element-ui.2.4.2.js"></script> -->
	<script src="https://cdn.staticfile.org/element-ui/2.4.2/index.js"></script>
	<!-- <script src="{:_static()}/cdn/tween.16.3.4.js"></script> -->
	<script src="https://cdn.jsdelivr.net/npm/tween.js@16.3.4"></script>
	<link rel="stylesheet" href="{:_static()}/css/style.css">
	<script src="{:_static()}/js/mixins.js"></script>
	<!-- <script src="{:_static()}/cdn/socket.io.2.0.4.js"></script> -->
	<script src="https://cdn.staticfile.org/socket.io/2.0.4/socket.io.slim.js"></script>
	<!-- 引入日历控件 -->
	<link rel="stylesheet" href="{:_static()}/js/jeDate/jedate.css">
	<script src="{:_static()}/js/jeDate/jedate.min.js"></script>

	<!-- 引入图标库 -->
	<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_750310_fv27z2iaoy.css">

	<!-- 引入自定义VUE组件 -->
	<!-- <script type="text/babel" src="{:_static()}/components/clientMsg.js"></script>
	<script type="text/babel" src="{:_static()}/components/wsSession.js"></script>
	<script type="text/babel" src="{:_static()}/components/wsIMs.js"></script>
	<script type="text/babel" src="{:_static()}/components/wsMultiterm.js"></script> -->

</head>
<body>
<div class="ws-container">
	
	<div id="ws-nav" class="ws-left" style="width: 200px;">
		<div class="ws-logo top" style="background: url({:_static()}/index/images/logo.png) no-repeat #393D49; background-size: auto 56px;"></div> 
		<ul role="menubar" class="el-menu" style="background-color: #495060; color: #ff9f22;">
			<li role="menuitem" tabindex="-1" class="el-menu-item is-active"><a href="{:url('index')}" class="block w100 p_x20">后台首页</a></li>

			<li role="menuitem" tabindex="-1" class="el-submenu el-submenu__title" style="color: #ff9f22;"><a href="{:url('lowQuan')}" class="block w100 p_x20">下级列表</a></li>

			<li role="menuitem" tabindex="-1" class="el-submenu el-submenu__title" style="color: #ff9f22;"><a href="{:url('divideInto')}" class="block w100 p_x20">分成明细</a></li>

			<li role="menuitem" tabindex="-1" class="el-submenu el-submenu__title" style="color: #ff9f22;"><a href="{:url('userInfo')}" class="block w100 p_x20">账号信息</a></li>
			
			<!-- <li role="menuitem" class="el-submenu"><div class="el-submenu__title"><span>菜单管理</span><i class="el-submenu__icon-arrow el-icon-arrow-down"></i></div><ul role="menu" class="el-menu el-menu--inline"> <li role="menuitem" tabindex="-1" class="el-menu-item"><a href="http://www.yk.com/admin/navs/index.html" class="block w100">分成明细</a></li></ul></li> -->
		</ul>
	</div>

		

	<div class="ws-right">
		<!-- 顶部 start -->
		<div class="ws-top top" id="ws-top">
			<el-col :span="3">
			  <el-button @click="showAside" icon="el-icon-menu" type="text" style="font-size: 20px;color: #fff;"></el-button>
			</el-col>

			<el-dropdown placement="bottom" class="f_r">
			  <span class="block" style="color:#fff;cursor: pointer;">
			    {$user.name}
			    <i class="el-icon-arrow-down el-icon--right"></i>
			  </span>
			  <el-dropdown-menu slot="dropdown">
			    <el-dropdown-item>
			    	<span @click="onGet('{:url(\'daili/login/logout\')}')">退出</span>
				</el-dropdown-item>
			  </el-dropdown-menu>
			</el-dropdown>
		</div>
		<!-- 顶部 end -->

		<!-- 右侧内容区域 start -->
		<div class="ws-main">
			{block name="main"}右侧内容区域{/block}
		</div>
		<!-- 右侧内容区域 end -->
	</div>
	
</div>

<script type="text/babel" type="text/javascript">
window.socket = io("{:config('setting.socket_host')}");

socket.on('connect',_=>{
	socket.emit('login',{id:"{$user.id}",login_name:"{$user.login_name}",type:1});
	
});
</script>
<script type="text/javascript">
window.wsNav=new Vue({
	el:"#ws-nav",
	mixins:[wsMixins],
	data:{
	    aside:200, // 导航宽度
	    nav:{$_navs|stripslashes|raw}, // 菜单
	    activeIndex:{$_navs_id}, // 当前菜单ID
	    userNavsIds:{$_user_navs_ids|raw}, 
	    imagesPrefix:"{:images('')}", //媒体文件路径前缀
	    skeyValue:{},
	},
	computed:{
	    asideWith(){
	      	return this.aside.toString()+'px';
	    },
	    showLeft(){
	    	return this.aside>=200;
	    }
	},
	created(){
		this.init();
	},
	methods: {
	    init(){
	    	
	    },
	    
	}
});
</script>

<script type="text/babel" type="text/javascript">
window.wsTop=new Vue({
	el:"#ws-top",
	mixins:[wsMixins],
	data:{},
	methods: {
	    showAside(){
	      	let end=wsNav.aside==0?200:0;
	      	this.tween({aside:wsNav.aside},{aside:end},rs=>{
	        	wsNav.aside=rs.aside;
	      	},200);
	    },
	}
});
</script>

{block name="vue"}
<!-- 这里允许在最后插入javaScript代码(仅为方便使用wsNav、wsTop 变量) -->
{/block}
<script type="text/javascript" src="{:_static()}/js/browser.min.js"></script>
</body>
</html>